<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<!--

Licensed to the Apache Software Foundation (ASF) under one or more
contributor license agreements.  See the NOTICE file distributed with
this work for additional information regarding copyright ownership.
The ASF licenses this file to You under the Apache License, Version 2.0
(the "License"); you may not use this file except in compliance with
the License.  You may obtain a copy of the License at

http://www.apache.org/licenses/LICENSE-2.0

Unless required by applicable law or agreed to in writing, software
distributed under the License is distributed on an "AS IS" BASIS,
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
See the License for the specific language governing permissions and
limitations under the License.

-->
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" />
<link rel="stylesheet" href="royalesite.css" />
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Apache Royale</title>
</head>

<body class="page">
<div class="topbar">
<img src="http://royale.codeoscopic.com/wp-content/uploads/2017/11/apache-royale-tm-logo-default.png" />
<ul class="topMenu">
<li class="topMenu_li fa">
	<a class="topMenu_li_a" href="features.html">FEATURES</a>
</li>
<li class="topMenu_li fa">
	<a class="topMenu_li_a" href="tryitnow/index.html">TRY IT NOW</a>
</li>
<li class="topMenu_li fa">
	<a class="topMenu_li_a" href="download.html">DOWNLOAD</a>
</li>
<li class="topMenu_li fa">
	<a class="topMenu_li_a" href="documentation.html">DOCS</a>
</li>
<li class="topMenu_li fa">
	<a class="topMenu_li_a" href="blog.html">BLOG</a>
</li>
<li class="topMenu_li fa">
	<a class="topMenu_li_a" href="github.html">GITHUB</a>
</li>
</ul>
<ul class="social">
<li class="social_li fa fa-search">
	<a href="search.html"></a>
</li>
<li class="social_li fa fa-share-alt">
	<a href="share.html"></a>
</li>
<li class="social_li fa fa-th">
	<a href="menu.html"></a>
</li>
</ul>
</div>
<h3>Designed for the future</h3>
<h2>Code Once.  Run Everywhere.</h2>
<p class="intro">
Apache Royale™ is a productive open source frontend application technology that allows you to code in MXML & AS3 and output to different formats.
</p>
<ul class="big-buttons">
<li class="fa big-button red-button"> 
	<a class="big-button_a" href="getstarted.html">GET STARTED</a>
</li>
<li class="fa big-button blue-button"> 
	<a class="big-button_a" href="tryitnow/index.html">TRY IT NOW</a>
</li>
</ul>
<div class="curved-top">
  <div class="responsive-table">
    <div class="responsive-table-tile">
      <div class="responsive-table-tile-icon">
        <span class="fa fa-university" />
      </div>
      <div class="responsive-table-tile-text">
        <span class="fa responsive-table-tile-title">Enterprise Class Level</span>
        <p class="fa responsive-table-tile-content">Design &amp; Code in enterprise level languages and tools to ensure the level of quality your applications and clients demand</p>
      </div>
    </div>
    <div class="responsive-table-tile">
      <div class="responsive-table-tile-icon">
        <span class="fa fa-desktop" /><br />
        <span class="fa fa-mobile" />
      </div>
      <div class="responsive-table-tile-text">
        <span class="fa responsive-table-tile-title">Multiple Targets &amp; Devices</span>
        <p class="fa responsive-table-tile-content">Maintain your knowledge and workflows intact for years to come and let Royale provide you with the right output you need.</p>
      </div>
    </div>
    <div class="responsive-table-tile">
      <div class="responsive-table-tile-icon">
        <span class="fa fa-clock-o" />
      </div>
      <div class="responsive-table-tile-text">
        <span class="fa responsive-table-tile-title">Fast Performance &amp; Lightweight</span>
        <p class="fa responsive-table-tile-content">Royale Apps are light and performant thanks to the PAYG (Pay as you go) philosophy combined with their Composition architecture (Strands &amp; Beads).</p>
      </div>
    </div>
    <div class="responsive-table-tile">
      <div class="responsive-table-tile-icon">
        <span class="fa fa-code" />
      </div>
      <div class="responsive-table-text">
        <span class="fa responsive-table-tile-title">OOP &amp; Declarative Programming</span>
        <p class="fa responsive-table-tile-content">Code in a robust OOP language (AS3) and build your interfaces in a fast declarative XML language (MXML)./p>
      </div>
    </div>
    <div class="responsive-table-tile">
      <div class="responsive-table-tile-icon">
        <span class="fa fa-exchange" />
      </div>
      <div class="responsive-table-tile-text">
        <span class="fa responsive-table-tile-title">Advanced Communications</span>
        <p class="fa responsive-table-tile-content">Royale support AMF communications a performant way to share object graphs with your backend of choice.</p>
      </div>
    </div>
    <div class="responsive-table-tile">
      <div class="responsive-table-tile-icon">
        <span class="fa fa-users" />
      </div>
      <div class="responsive-table-tile-text">
        <span class="fa responsive-table-tile-title">Supported by Apache</span>
        <p class="fa responsive-table-tile-content">A great Open Source Foundation ensures long term evolution with the technologies you choose far beyond market & corporate trends</p>
      </div>
    </div>
  </div>
</div>
<div class="orange-box">
  <h1 class="npm-title">Install Apache Royale via npm</h1>
  <h2 class="npm-command">npm install royale -g</h2>
  <p class="fa orange-box-text">After global installation, the following compiler tools will be available for you to use: mxmlc, compc, asjsc, asjscompc, asnodec, and externc.</p>
  <p class="fa orange-box-text">Usage:</p>
  <p class="orange-box-code">mxmlc &lt;path to main.mxml file&gt;<br />
asjsc &lt;path to main.as file&gt;</p>
  <div class="centerButton">
    <span class="fa big-button fa-external-link white-border-button"> 
	  <a class="big_button_a" href="tryitnow/index.html">LEARN MORE ABOUT</a>
    </span>
  </div>
</div>
<div class="footer">
  <div class="footer-column">
  <ul class="footer-list">
    <li class="apacheroyale">APACHE ROYALE</li>
    <li><a class="footer-list_a" href="index.html">Home</a></li>
    <li><a class="footer-list_a" href="featurs.html">Features</a></li>
    <li><a class="footer-list_a" href="tryitnow/index.html">Try it now</a></li>
    <li><a class="footer-list_a" href="download.html">Download</a></li>
    <li><a class="footer-list_a" href="showcase.html">Showcase</a></li>
    <li><a class="footer-list_a" href="blog.html">Blog</a></li>
    <li><a class="footer-list_a" href="team.html">Team</a></li>
    <li><a class="footer-list_a" href="royalenpm.html">Royale in npm</a></li>
    <li><a class="footer-list_a" href="license.html">License</a></li>
  </ul>
  </div>
  <div class="footer-column">
  <ul class="footer-list">
    <li class="documentation">DOCUMENTATION</li>
    <li><a class="footer-list_a" href="index.html">Getting Started</a></li>
    <li><a class="footer-list_a" href="docs.html">Docs</a></li>
    <li><a class="footer-list_a" href="reference/index.html">Reference</a></li>
    <li><a class="footer-list_a" href="wiki.html">Wiki</a></li>
  </ul>
  <ul class="footer-list">
    <li class="community">COMMUNITY</li>
    <li><a class="footer-list_a" href="contribute.html">Get Involved</a></li>
    <li><a class="footer-list_a" href="mailinglists.html">Mailing Lists</a></li>
    <li><a class="footer-list_a" href="faq.html">FAQ</a></li>
  </ul>
  </div>
  <div class="footer-column">
  <ul class="footer-list">
    <li class="development">DEVELOPMENT</li>
    <li><a class="footer-list_a" href="github.html">Github</a></li>
    <li><a class="footer-list_a" href="source.html">Source Code</a></li>
    <li><a class="footer-list_a" href="issues.html">Issues</a></li>
  </ul>
  <ul class="footer-list">
    <li class="apache">APACHE</li>
    <li><a class="footer-list_a" href="http://www.apache.org/">Apache</a></li>
    <li><a class="footer-list_a" href="http://www.apache.org/donations.html">Donations</a></li>
    <li><a class="footer-list_a" href="http://www.apache.org/thanks.html">Sponsorship</a></li>
    <li><a class="footer-list_a" href="http://www.apache.org/thanks.html">Thanks</a></li>
  </ul>
  </div>
  <div class="aboutusdiv" >
  	<p class="aboutus">ABOUT US</p>
    <p><img class="aboutus-logo" src="http://royale.codeoscopic.com/wp-content/uploads/2017/10/apache-royale-logo-footer-circle-grey.svg"/>Apache Royale™ is a highly productive open source application technology for building expressive frontend applications that outputs to different formats and deploy consistently on all major browsers, desktops and devices.</p>
    <p><img class="aboutus-apache-logo" src="http://royale.codeoscopic.com/wp-content/uploads/2017/10/Apache_PoweredBy.svg" />
    Apache Royale™, Apache™ and the Apache feather logo™ are trademarks of The Apache Software Foundation. All other marks mentioned may be trademarks or registered trademarks of their respective owners. Read more about our privacy policy on our Privacy Policy page.</p>
  </div>
</div>
<div class="asf">
Copyright © 2017 <a href="http://www.apache.org">The Apache Software Foundation</a>, Licensed under the <a href="http://www.apache.org/licenses/LICENSE-2.0">Apache License, Version 2.0</a>
</div>
</body>
</html>
